/* 公共样式表css */
html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

img {
    border: 0;
}

 

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

a:hover {
    color:red;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */
.solution-box {
    background: #262c50;
}

.solution-bj {
    background: url("../images/bg.jpg");
    background-size: cover;
}

.solution-header {
    max-width: 1210px;
    padding: 50px 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.solution-header h2 {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    color: #FAFBFE;
    font-weight: inherit;
}

.solution-header p {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.6;
}

.solution-content {
    max-width: 1172px;
    margin: 0 auto;
}

.solution-list {
    width: 300px;
    float: left;
}

.solution-list ul li {
    width: 240px;
    height: 72px;
    background: rgba(255, 255, 255, 0.15);
    padding-left: 30px;
    margin: 0 10px;
    position: relative;
}

.solution-list ul li h2 {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 72px;
    font-weight: inherit;
}

.solution-list ul .on {
    width: 260px;
    margin: 0;
    padding-left: 40px;
    background-image: linear-gradient(-180deg, #049d8a 0%, #049d8a 63%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#049d8a, endColorstr=#049d8a);
    /*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#049d8a, endColorstr=#049d8a)";
    /*IE8+*/
}

.solution-item {
    margin-left: 300px;
    display: block;
    padding: 20px 10px 0 10px;
    overflow: hidden;
}

.solution-item ul li {
    padding: 20px 0;
}

.solution-item ul li h2 {
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
    margin: 0 0 15px 0;
    font-weight: inherit;
}

.solution-item ul li p {
    opacity: 0.8;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
}

.s-btn {
    display: inline-block;
    color: #36383C;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 20px;
    cursor: pointer;
    border: 1px solid #d4d5d7;
    position: relative;
    letter-spacing: normal;
}

.solution-more {
    border: 1px solid #FAFBFE;
    border-radius: 4px;
    height: 40px;
    width: 140px;
    margin: 20px 0 0 0;
    line-height: 30px;
    font-size: 14px;
    color: #FAFBFE;
    padding-left: 30px;
}

.solution-more em {
    width: 13px;
    height: 8px;
    margin-left: 10px;
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAAXNSR0IArs4c6QAAAGRJREFUGBm1jkEKgDAMBKtYf+JJ3yM+UrS+RlD8inEivVr2YmAgbWeThvBHmVmCBRp5PnILF5zee7BS0lnecW/o3xCXB4dOGYCT1E0ReQbfNEK5+EWEDVbvy3Z+RZxggFoKfEkPa309oQKxul4AAAAASUVORK5CYII=") no-repeat;
    background-size: cover;
    transition: margin-left 0.3s ease-out;
}

.solution-more:hover {
    color: #049d8a;
    border: 1px solid #049d8a;
}

.solution-more:hover em {
    margin-left: 15px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAAXNSR0IArs4c6QAAAI1JREFUGBljYCADMBLS87sgfQPDf4Z/LIKSYYwNDX9A6pkIaWIRkAz7z8ig//vDs+v/GxrYQOoJ2gRSBFL8+8Pz60DWP1YBKW2wpl/56beAAqogBYQAIyPDBuJsmpnG+uc6wxqggf9YNBnCCGr6j64hfdZvFkLO+XuDKZiFhaGagUfiGmN6wz9C6nHKAwAcay6AxWqjRQAAAABJRU5ErkJggg==") no-repeat;
}

.solution-title {
    position: relative;
}

.solution-title h3 {
    font-size: 18px;
    color: #FFFFFF;
    width: 135px;
    font-weight: inherit;
}

.solution-title span {
    border-top: 1px solid white;
    opacity: 0.2;
    display: inline-block;
    width: 100%;
    position: absolute;
    margin-left: 135px;
    top: 12px;
}

.solution-brand {
    width: 100%;
    position: relative;
}

.solution-brand-item {
    padding: 15px 20px 10px 0;
    width: 420px;
    float: left;
}

.solution-brand-item a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    height: 40px;
    padding-left: 50px;
    display: block;
    position: relative;
}

.solution-brand-item a i {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 20px;
    top: 8px;
    color: #ffffff;
    font-size: 24px;
}

.solution-item .solution-brand-item a p {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 40px
}

.solution-brand-item .solution-more {
    width: auto;
    margin-top: 0;
}

.solution-brand-item a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.solution-more-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    display: block;
}

.solution-more-wrap .solution-more {
    width: auto;
    margin-top: 0;
    color: #999;
	font-size:18px;
    border: none;
}

.solution-more-wrap .solution-more:hover {
    color: #F56F69;
}

.solution-brand-item a i img {
    width: 22px;
    height: 22px;
    display: block;
    border: none;
}

.clear a {
    border: none;
    padding-left: 20px;
}

.clear a:hover {
    background: none;
}

.clear a img {
    width: 130px;
}

.clear {
    padding-top: 32px;
}

.solution-item ul {
    display: none;
}




.wrap{width:1200px;margin:0 auto}

.homeAbout{background-color:#f0f0f0;padding:60px 0}
.homeAbout .hAbout{overflow:hidden;background-color:#fff;margin-bottom:30px}
.hAbout-left{display:block;float:left;width:600px;height:460px;overflow:hidden}
.hAbout-left img{display:block;width:100%;height:100%}
.hAbout-right{width:50%;padding:50px;float:left}
.hAbout-right h3{font-size:30px;color:#333;font-weight:400;margin-bottom:35px;position:relative}
.hAbout-right h3:before{content:"";position:absolute;width:35px;height:1px;background-color:#d0d0d0;left:0;bottom:-20px}
.hAbout-right h3 span{display:block;font-size:24px;color:#c7c7c7;font-weight:600;margin-bottom:10px}
.hAbout-right h2{font-size:18px;color:#212121;font-weight:400;margin-bottom:20px}
.hAbout-right .txt{font-size:14px;line-height:30px;color:#666;height:150px;overflow:hidden;margin-bottom:30px}
.hAbout-right .more{width:130px;height:40px;line-height:40px;padding-left:25px;display:block;background-color:#049d8a;color:#f5f5f6;font-size:12px;border-radius:2px;background-image:url(../images/habout-ico.png);background-repeat:no-repeat;background-position:center center;position:relative;overflow:hidden;z-index:0;transition:all .5s}
.hAbout-right .more:after{content:"";position:absolute;left:0;width:0;height:100%;background-color:#d9241c;transition:all .5s;z-index:-1;background-image:url(../images/habout-ico.png);background-repeat:no-repeat;background-position:center center;opacity:0}
.hAbout-right .more:hover:after{width:100%;opacity:1}
.hAbout-right .more:hover{background-position:90px center}
.homeAbout .hStren-tab{text-align:left;font-size:0;margin-bottom:20px}
.homeAbout .hStren-tab a{display:inline-block;width:130px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background-color:#767676;margin-right:10px;transition:all .5s}
.homeAbout .hStren-tab a:hover,.homeAbout .hStren-tab .on{background-color:#212121}
.homeAbout .hStren-main{height:220px;overflow:hidden}
.homeAbout .hStren-wrap{overflow:hidden}
.homeAbout .hStren-main ul{width:1220px}
.homeAbout .hStren-main li{width:290px;height:186px;overflow:hidden;float:left;margin-right:12px;position:relative}.homeAbout .hStren-main li img{display:block;width:100%;height:100%;transition:all .5s}
.homeAbout .hStren-main li:hover img{transform:scale(1.1)}
.homeAbout .hStren-main li span{position:absolute;bottom:0;left:0;right:0;height:40px;text-align:center;line-height:40px;color:#fff;font-size:14px;background:#212121;background:rgba(66, 66, 66, 0.8)}
.homeNews{background-color:#fff;padding:60px 0}
.homeNews-left{width:700px;}
.homeNews-main{height:350px;overflow:hidden}
.homeNews-tab{margin-bottom:16px;text-align:left;margin-bottom:40px;border-bottom:1px solid #cdcdcd; }
.homeNews-tab .tab{display:inline-block;font-size:16px;color:#333;margin-right:25px;position:relative;line-height:45px;}
.homeNews-tab .tab:after{position:absolute;content:"";width:0;left:0;height:2px;background-color:#049d8a;bottom:-2px;transition:all .5s}
.homeNews-tab .more{float:right;margin-top:10px;font-size:14px;color:#888}
.homeNews-tab .tab:hover,.homeNews-tab .on{color:#049d8a;line-height:45px;}
.homeNews-tab .more:hover{color:#212121}
.homeNews-tab .tab:hover:after,.homeNews-tab .on:after{width:100%}
.homeNews-hot{overflow:hidden;margin-bottom:30px}
.homeNews-hot .tab{display:block;width:100%;height:100%}
.homeNews-hot .pic{display:block;width:270px;height:170px;float:left;margin-right:30px;overflow:hidden}
.homeNews-hot .pic img{display:block;width:100%;height:100%;transition:all .5s}
.homeNews-hot .txt{width:400px;float:right;font-size:14px;color:#666;height:}
.homeNews-hot h5{font-weight:400;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;}
.homeNews-hot .time{display:block;font-size:14px;color:#999;margin-bottom:10px}
.homeNews-hot .more{display:block;width:90px;height:28px;border:1px solid #c9c9c9;margin-top:10px;position:relative;transition:all .5s;text-align:center;z-index:0;line-height:28px;font-size:12px}
.homeNews-hot .more:after{position:absolute;content:"";left:0;width:0;transition:all .5s;height:100%;z-index:-1;background-color:#049d8a}.homeNews-hot:hover img{transform:scale(1.2)}
.homeNews-hot:hover h5{color:#049d8a}
.homeNews-hot:hover .more{border-color:#049d8a;color:#fff}
.homeNews-hot:hover .more:after{width:100%}
.homeNews-tab .more:hover,.homeNews-tit .more:hover{color:#212121}
.homeNews-list{overflow:hidden}
.homeNews-list ul{width:900px}
.homeNews-list li{width:350px;margin-right:40px;float:left;transition:all .5s;margin-bottom:10px}
.homeNews-list li a{display:block;height:30px;line-height:30px;padding-left:15px;background:url(../images/hnew-jt1.png) no-repeat left center;transition:all .5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.homeNews-list li a:hover{padding-left:20px;color:#049d8a;background:url(../images/hnew-jt1.png) no-repeat left center}
.homeNews-right{width:390px}
.homeNews-right .homeNews-tit{margin-bottom:35px}
.homeNews-right .homeNews-tit span{font-size:20px;color:#333}
.homeNews-right .homeNews-tit span b{font-weight:400;font-size:12px;color:#888}
.homeNews-right .homeNews-tit .more{float:right}
.homeFqa dl{border:1px solid #d9d9d9;padding:15px 30px;margin-bottom:10px;cursor:pointer;transition:all .5s}
.homeFqa dl dt{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homeFqa dl dd{font-size:12px;color:#666;line-height:20px;margin-top:0;opacity:0;height:0;transition:all .5s;overflow:hidden}
.homeFqa dl dd .more{color:#fff}
.homeFqa .on{background-color:#212121;border-color:#212121}
.homeFqa .on dd{opacity:1;height:60px;margin-top:15px;color:#fff}
.homeFqa dl:hover{background-color:#212121;border-color:#212121}
.homeFqa .on dt,.homeFqa dl:hover dt{color:#fff}

.homeStep{padding:60px 0;position:relative;z-index:0}
.homeStep:after{position:absolute;width:1240px;height:80px;content:"";background:url(../images/hstep-bg.png) no-repeat center center;bottom:25px;z-index:-1;left:50%;margin-left:-620px}
.homeStep-left{width:950px;height:200px;background-color:#049d8a;padding:50px 0 0 50px}
.homeStep-left .tit{float:left;margin-right:50px;width:312px;margin-top: 15px;}
.homeStep-left .tit span{display:block;color:#fff}
.homeStep-left .tit .s1{font-size:20px;margin-bottom:25px}
.homeStep-left .tit .s2{font-size:26px;margin-bottom:5px}
.homeStep-left .tit .s3{font-size:12px;color:#628cd4;line-height:18px}
.homeStep-left .step{float:left;width:530px}
.homeStep-left .step span{display:block;float:left;width:220px;height:40px;line-height:40px;text-align:center;font-size:18px;color:#fff;border:1px solid #00b29c;border-radius:20px;margin-bottom:20px;margin-right:20px}
.homeStep-right{background-color:#d9241c;width:250px;height:200px}
.homeStep-right .tel{font-size:14px;color:#fff;text-align:center;padding-top:50px;margin-bottom:20px}
.homeStep-right .tel span{font-size:30px;display:block;margin-top:5px}
.homeStep-right .btn{text-align:center;font-size:0}
.homeStep-right .btn a{display:inline-block;width:90px;height:30px;line-height:30px;text-align:center;border:1px solid #ec928e;font-size:14px;color:#fff;margin:0 5px;border-radius:15px;transition:all .5s}
.homeStep-right .btn a:hover{background-color:#f5f5f5;color:#d9241c}





/*优势*/
.tils{ text-align: center; height: 147px; font-size: 22px; color: #666666; font-weight: normal;background:url(../images/x_li1.jpg) no-repeat center 137px;padding-top:36px;}
.tils i{ display: block; font-weight: bold; color: #049d8a; font-size: 40px; line-height: 100%; padding-bottom: 13px;}


.list2{background: url(../images/ys_tt.jpg) no-repeat center top;height: 2100px;}
.list2 .tils{color:#fff;}
.list2 .tils i{color:#fff;}
.ys_bj1{background: url(../images/ys_bj1.jpg) no-repeat center top;height: 542px;}
.ys_bj2{background: url(../images/ys_bj2.jpg) no-repeat center top;height: 541px;}
.ys1{padding:48px 0 0 45px;width:1200px;margin:0 auto;position: relative;height: 494px;}
.list2 .ys1 dl {padding-top:156px;}
.ys2{width:1200px;margin:0 auto;padding:51px 39px 0 9px;height: 491px;position: relative;}
.list2 .ys2 dl{padding-top:103px;}
.ys3{width:1200px;padding:45px 30px 0 50px;position: relative;height: 496px;margin:0 auto;}
.list2 .ys3 dl{padding-top:153px;}
.ys4{height: 507px;padding:38px 39px 0 0;width:1161px;margin:0 auto;position: relative;}
.list2 .ys4 dl{padding-top:100px;}
.ys4 dd span {width:230px;height: 50px;background: #049d8a;display: inline-block;text-align: center;line-height: 50px;font-size:16px;color: #fff;border-radius:24px;margin:0 5px;margin-top:30px;}
.ys4 dd span a {color: #fff;padding-left:26px;background: url(../images/fan_a1.jpg) no-repeat left center;line-height: 50px;display: inline-block;}
.list2 dl{width:433px;}
.list2 dt {height: 60px;}
.list2 dt i{float:left;font-size:0;line-height: 0;}
.list2 dt p {float:right;width:359px;}
.list2 dt p span {display:block;height: 34px;line-height: 34px;font-size:34px;color: #333333;font-weight: bold;}
.list2 dt p em {font-size:14px;color: #999999;text-transform: uppercase;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;letter-spacing:2px;}
.list2 dd p {padding-left:30px;font-size:16px; color: #333333;line-height: 26px;padding:0 0 0 25px;background: url(../images/ys_ico1.png) no-repeat left 7px;margin-top:20px;}
.ys_a1,.ys_a2,.ys_a3,.ys_a4{position: absolute;}
.ys_a1{left:-18px;bottom:0;}
.ys_a2{right:-18px;bottom:0;}

/*优势2*/
.adv2 {height:650px;}
.adv2 .pj dl{margin:20px 30px 0 0 ; height:428px; float:left; width:380px; background:#e5e5e5; text-align:center; line-height:25px; font-size:14px;color:#666666;}
.adv2 .pj dl.nones{margin-right:0;}
.adv2 .pj dl img{border:1px solid #a4a4a4; width:378px; height:211px;}
.adv2 .pj dl h3{ font-size:24px; line-height:55px;margin-top:20px;}
.adv2 .pj dl h3 a{color:#3e3e3e;}
.adv2 .pj dl em{ display:block; height:2px; width:44px; background:#14346f; margin:0 auto 13px;}
.adv2 .pj dl p{padding:0 28px;text-indent:18px;}
.adv2 .pj dl.cur{ background:#049d8a;color:#FFF;}
.adv2 .pj dl.cur a{color:#FFF;}
.adv2 .pj dl.cur em{background:#FFF;}